<template>
	<view class="container">
		<img src="@/static/require/success@2x.png" alt="" class="img" />
		<view class="text">需求发布成功！</view>
		<view class="statusText" @tap="go('1')">继续发布</view>
		<view class="active" @tap="go('2')">查看我的需求</view>
	</view>
</template>

<script setup>
	import customHeader from '@/components/custom-header.vue';
	import {
		ref
	} from 'vue'
	// 创建响应式数据  
	const bgColor = ref('rgba(225,225,225,0)');
	const bg = ref(0)
	const go = (code) => {
		if (code == '1') {
			uni.switchTab({
				url: '/pages/require/index'
			})
		} else {
			uni.navigateTo({
				url: '/pages/demand/demandStatus/index'
			})
		}

	}
</script>


<style lang="less" scoped>
	.container {
		width: 100vw;
		height: 100vh;
		background-color: #fff;
		display: flex;
		align-items: center;
		padding-top: 160rpx;
		flex-direction: column;
	}

	.img {
		width: 192rpx;
		height: 192rpx;
		margin: 93rpx auto 38rpx;
	}

	.text {
		font-weight: 500;
		font-size: 34rpx;
		color: #2F2F2F;
		width: 100%;
		text-align: center;
		margin-bottom: 80rpx;
	}

	.statusText {
		width: calc(100% - 75rpx * 2);
		height: 88rpx;
		text-align: center;
		background: linear-gradient(115deg, #F2BD6F 0%, #CCA05F 100%);
		border-radius: 20rpx 20rpx 20rpx 20rpx;
		font-weight: 500;
		font-size: 34rpx;
		color: #FFFFFF;
		line-height: 88rpx;
		cursor: pointer;
	}

	.active {
		width: calc(100% - 75rpx * 2);
		height: 88rpx;
		background: #fff;
		border-radius: 20rpx 20rpx 20rpx 20rpx;
		font-weight: 500;
		font-size: 34rpx;
		color: #DCB06F;
		text-align: center;
		border: 2rpx solid #DCB06F;
		line-height: 88rpx;
		cursor: pointer;
		margin-top: 50rpx;
	}
</style>